<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    引入本地的vue.js文件-->
    <script src="../js/vue.js"></script>
</head>
<body>
<!--
     实现节点对象中内容的填充    但是你会覆盖标签原有内容
     v-html:   可以识别html标签
     v-text:  不能识别html标签
     {{}} : 不会覆盖原有内容 但是插值与噶只能使用在开始标签和结束标签之间   只能填充标签体内容
-->
<div id="app">
    <p>这是默认内容:{{info}}</p>
    <div v-html="info">默认内容</div>
    <div v-text="info">默认内容</div>
</div>

<script>
    let vm = new Vue({
        el:'#app',
        data:{
            info:"<b>hello vue2</b>"
        },
        methods:{}
      })
</script>
</body>
</html>